:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color: #213547;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* user-select: none; */
  --el-color-primary: #16437C !important;
  --el-button-hover-bg-color: #2e5592 !important;
  --el-button-hover-border-color: #2e5592 !important;
  --el-color-primary-light-3: #16437C !important;
}

a {
  font-weight: 500;
  color: #213547;
  text-decoration: inherit;
  cursor: pointer;
}

a:hover {
  color: #16437C;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
}

/* 1rem = 16px */
html {
  font-size: 16px;
}

/* svg {
  fill: blue;
} */

input:focus {
  outline: none;
}

input[type='file'] {
  display: none;
  /* 隐藏文件选择框 */
}

textarea {
  outline: none;
}

/* ElMessage 居中 */
.el-message {
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%);
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 4px;
}

/* 横向滚动条样式 */
::-webkit-scrollbar:horizontal {
  height: 6px;
  /* 设置横向滚动条高度 */
}

::-webkit-scrollbar-track {
  background: transparent;
  /* 滚动条轨道的颜色 */
}

::-webkit-scrollbar-thumb {
  background: #cccccc;
  /* 滚动条滑块的颜色 */
  border-radius: 4px;
  /* 圆角 */
}

::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
  /* 滑块悬停时的颜色 */
}

/* 富文本 */
/* code {
       display: inline-block;
       zoom: 1;
       background-color: #f1f1f1;
       border-radius: 3px;
       padding: 3px 5px;
       margin: 0 3px;
     } */

pre>code {
  word-wrap: normal;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  hyphens: none;
  line-height: 1.5;
  margin: .5em 0;
  overflow: auto;
  padding: 1em;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  text-align: left;
  text-shadow: 0 1px #fff;
  white-space: pre;
  word-break: normal;
  word-spacing: normal;
}


pre>code {
  background-color: var(--w-e-textarea-slight-bg-color);
  border: 1px solid var(--w-e-textarea-slight-border-color);
  border-radius: 4px 4px;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-indent: 0;
}


.post-detail-main table th {
  background-color: var(--w-e-textarea-slight-bg-color);
  font-weight: 700;
}

.post-detail-main table th {
  border: 1px solid var(--w-e-textarea-border-color);
  line-height: 1.5;
  min-width: 30px;
  padding: 3px 5px;
  text-align: left;
}

.post-detail-main a {
  text-decoration: underline;
}


table th {
  background-color: var(--w-e-textarea-slight-bg-color) !important;
  font-weight: 700;
}

table th {
  border: 1px solid var(--w-e-textarea-border-color) !important;
  line-height: 1.5;
  min-width: 30px;
  padding: 3px 5px;
  text-align: left;
}




table {
  border-collapse: collapse;
  table-layout: fixed
}


table td,
 table th {
  border: 1px solid var(--w-e-textarea-border-color);
  line-height: 1.5;
  min-width: 30px;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 3px 5px;
  white-space: pre-wrap;
  word-break: break-all
}

 table th {
  background-color: var(--w-e-textarea-slight-bg-color);
  font-weight: 700;
  text-align: center
}
 table td.w-e-selected,
 table th.w-e-selected {
  background-color: rgba(20, 86, 240, .18)
}
/* 
table th {
  background-color: var(--w-e-textarea-slight-bg-color);
}
  table td,
 table th {
    border: 1px solid var(--w-e-textarea-border-color);
    line-height: 1.5;
    min-width: 30px;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 3px 5px;
    white-space: pre-wrap;
    word-break: break-all
  } */



  /* 
.post-detail-main
.w-e-text-container [data-slate-editor] .table-container {
  border-radius: 0;
  margin-top: 10px;
  overflow-x: auto;
  padding: 0;
  position: relative;
  width: 100%
}

.w-e-text-container [data-slate-editor] table {
  border-collapse: collapse;
  table-layout: fixed
}

.w-e-text-container [data-slate-editor] table td,
.w-e-text-container [data-slate-editor] table th {
  border: 1px solid var(--w-e-textarea-border-color);
  line-height: 1.5;
  min-width: 30px;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 3px 5px;
  white-space: pre-wrap;
  word-break: break-all
}

.w-e-text-container [data-slate-editor] table th {
  background-color: var(--w-e-textarea-slight-bg-color);
  font-weight: 700;
  text-align: center
}

.w-e-text-container [data-slate-editor] table td.w-e-selected,
.w-e-text-container [data-slate-editor] table th.w-e-selected {
  background-color: rgba(20, 86, 240, .18)
}

.w-e-text-container [data-slate-editor] table.table-selection-none ::-moz-selection {
  background: none
}

.w-e-text-container [data-slate-editor] table.table-selection-none ::selection {
  background: none
}

.w-e-text-container [data-slate-editor] .column-resizer {
  display: flex;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1
}

.w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item {
  position: relative
}

.w-e-text-container [data-slate-editor] .resizer-line-hotzone {
  cursor: col-resize;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity .2s ease, visibility .2s ease;
  visibility: hidden;
  width: 6px
}

.w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line {
  background: rgba(20, 86, 240, .8);
  height: 100%;
  margin-left: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 2px
}

.w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible {
  visibility: visible
}

.w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight {
  opacity: 1
}

.w-e-panel-content-table {
  background-color: var(--w-e-toolbar-bg-color)
}

.w-e-panel-content-table table {
  border-collapse: collapse;
  table-layout: fixed
}

.w-e-panel-content-table td,
.w-e-panel-content-table th {
  overflow: hidden;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-all
}

.w-e-panel-content-table td {
  border: 1px solid var(--w-e-toolbar-border-color);
  cursor: pointer;
  height: 15px;
  padding: 3px 5px;
  width: 20px
}

.w-e-panel-content-table td.active {
  background-color: var(--w-e-toolbar-active-bg-color)
}

.w-e-modal .babel-container span.babel-container-border {
  display: flex
}

.w-e-modal .babel-container span.babel-container-border>* {
  border: 1px solid var(--w-e-modal-button-border-color);
  border-radius: 2px;
  height: 28px
}

.w-e-modal .babel-container span.babel-container-border select {
  width: 114px
}

.w-e-modal .babel-container span.babel-container-border>:nth-child(n+2) {
  margin-left: 8px
}

.w-e-modal .babel-container span.babel-container-border input:nth-child(3) {
  width: 100px
}

.w-e-modal .babel-container span.babel-container-background input {
  width: 60px
}

.w-e-modal .babel-container .color-group,
.w-e-modal .babel-container span.babel-container-algin select,
.w-e-modal .babel-container span.babel-container-background input {
  border: 1px solid var(--w-e-modal-button-border-color);
  border-radius: 2px;
  height: 28px
}

.w-e-modal .babel-container .color-group {
  cursor: pointer;
  position: relative;
  width: 28px
}

.w-e-modal .babel-container .color-group .w-e-drop-panel {
  margin-top: 28px
}

.w-e-modal .babel-container .color-group-block {
  display: block;
  height: 80%;
  margin: 10%;
  width: 80%
}

.w-e-modal .babel-container .color-group-block svg {
  height: 20px;
  margin: 1px 0;
  width: 20px
} */